<template>
    <div class="gridview max-cont">
      <template v-for="(item,index) in list">
        <Grid v-model="list[index]" :key="index"></Grid>
      </template>
    </div>
</template>

<script>
  import Grid from './Grid'
  export default {
    name: "Gridview",
    components:{
      Grid
    },
    data() {
      return {
        list: [
          {title:'前后端分离',content:'前端使用Vue，React，RequireJs，SeaJs等技术开发Web应用，后台由NodeJs，SpringCloud提供接口服务。'},
          {title:'服务端渲染',content:'采用Vue+Nuxt+NodeJs，Python+Django等服务端渲染方式。'},
          {title:'多种技术栈搭配',content:'遵循大前端理念，技术不设限。前端和服务端自由结合，方便开发者学习。'},
          {title:'产品多样化',content:'门户，论坛，数据分析，可视化展示，模板，后台管理，提供快速开发的初始版本。'},
          {title:'完整生态',content:'门户网站，后台管理系统，微信小程序，微信公众号，H5应用。'},
          {title:'功能完善',content:'支持自由配置，可扩展性强，利于二次开发。'},
        ]
      }
    }
  }
</script>

<style scoped>
.gridview{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: stretch;
  justify-content: space-between;
  border-top: 1px solid #e2e2e2;
  padding: 20px 0;
}
</style>
